<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>管理员注册页面</title>
    <!--引入jquery.js-->
      <script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery-1.8.3.js"></script>
  </head>
  
  <body>
<h1>管理员注册:</h1>
<hr/>
<p style="font-weight: 900; color: red">${registerError}</p>
<div style="margin: auto;text-align: center;
    background-color: cornflowerblue;border:1px solid darkblue;width:50%">
    <h1>管理员注册页面</h1>
    <form action="${pageContext.request.contextPath}/admin/register" method="post">
        <span id="sp"></span><br/>
        管理员账户：<input type="text" name="username" onblur="checkUsername()" id="un"/><br/>
        密　　　码：<input type="password" name="password"/><br/>
        <input type="submit" value="完成注册" style="background-color:darkkhaki;width: 260px;height:30px;border-radius: 10px;margin: 10px"/>
    </form>
</div>
  <script type="text/javascript">
      //1.给账号输入框绑定失去焦点事件,失去焦点,向后台发送异步请求
      function checkUsername() {
            //0.每次发送异步请求前,将span里面的提示信息清空
          $("#sp").html("");
            //1.获取账号
             let count= $("#un").val();// var count = document.getElementById(un).value;
           //2.发送异步请求
          $.post(
              "${pageContext.request.contextPath}/admin/register?username="+count,//请求路径: 注册路径
               function (data) {//回退函数: 接收后台响应的数据
                 if(data=="yes"){
                   //注册过了
                   $("#sp").html("<font color='red'>已注册</font>")
                 }else{
                     //没有注册过
                     $("#sp").html("<font color='green'>未注册</font>")
                 }
               }
          )
      }
  </script>
  </body>
  </body>
  </body>
</html>
